<app-header></app-header>
<!--轮播开始-->
<app-banner></app-banner>
<!--轮播结束-->
<div style="background-color: #efeef2; width:100%;" class="box">
<div class="container ">

    <!--当前素材开始-->
    <div class="row">
        <div class="edit_box_01 col-md-12 col-lg-12 col-sm-12 col-xs-12">
            <div class="wen_tp_01 col-md-12 col-lg-12 line_style_mobie">
                <span>当前素材</span>
                <span class="wen-tp-01-line"></span>
                <div class="left_lines">
                    <img src="../../assets/image/commom/left-line.png" />
                </div>
                <div class="right_lines">
                    <img src="../../assets/image/commom/right-line.png" />
                </div>
            </div>
            <div *ngFor="let imgItem of projectData.image" class="img_box ol-md-3 col-lg-3 col-sm-3 col-xs-6">
                <div class="img_box_01">
                    <div class="img_box_02">
                        <img src="{{resource_url}}{{resource}}image/{{imgItem}}" alt="">
                    </div>
                </div>
                <h4 class="img_title">{{imgItem}}</h4>
            </div>
        </div>
        <div class="col-md-12 col-lg-12 x_load">
            <a href="{{resource_url}}{{zip_link}}"><button type="button" class="btn btn-primary btn-lg btn-block">下载资源</button></a>
        </div>
    </div>
    <!--当前素材结束 -->

    <!--更新材料开始-->
    <div class="row">
        <div class="chuan_sc_01 col-md-12 col-lg-12">
            <div class="wen_tp_01 col-md-12 col-lg-12 line_style_mobie">
                <span>更新素材</span>
                <span class="wen-tp-01-line"></span>
                <div class="left_lines">
                    <img src="../../assets/image/commom/left-line.png" />
                </div>
                <div class="right_lines">
                    <img src="../../assets/image/commom/right-line.png" />
                </div>
            </div>
            <div class="wenjian_le_01 ol-md-12 col-lg-12 ">选择素材Zip文件</div>
            <form class="form-inline">
                <div class="form-group">
                    <span class="text_selet">{{fileName}}</span>
                    <div class="input-group">
                        浏览
                        <input type="file" (change)="onFileChanged($event.target.files)" accept="aplication/zip">
                    </div>
                    <span class="text_submit" (click)="submit()">上传</span>
                </div>
            </form>
        </div>
    </div>
    <!--更新材料结束-->

    <!--编辑游戏开始-->
    <div class="row">
        <div class="chuan_sc_02 col-md-12 col-lg-12">
            <div class="wen_tp_01 col-md-12 col-lg-12 line_style_mobie">
                <span>编辑游戏</span>
                <span class="wen-tp-01-line"></span>
                <div class="left_lines">
                    <img src="../../assets/image/commom/left-line.png" />
                </div>
                <div class="right_lines">
                    <img src="../../assets/image/commom/right-line.png" />
                </div>
            </div>
            <form class="form-horizontal col-md-6 col-lg-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">游戏名称</label>
                    <div class="col-sm-10 mobie_input">
                        <input type="text" class="form-control" placeholder="填写游戏名称" [(ngModel)]="title" name="title">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label label2">游戏简介</label>
                    <div class="col-sm-10 mobie_input">
                        <textarea class="form-control"  placeholder="游戏简介" [(ngModel)]="description" name="description"></textarea>
                    </div>
                </div>
            </form>
            <form class="form-horizontal col-md-6 col-lg-6">
                <div class="form-group">
                    <label class="col-sm-2 control-label">APP_ID</label>
                    <div class="col-sm-10 mobie_input">
                        <input type="text" class="form-control" placeholder="绑定公众账号ID" [(ngModel)]="app_id" name="app_id">
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-2 control-label label2">活动规则</label>
                    <div class="col-sm-10 mobie_input">
                        <textarea class="form-control" placeholder="活动规则" [(ngModel)]="rule" name="rule"></textarea>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <!--编辑游戏结束-->

    <!--营销方式开始-->
    <div class="row">
        <div class="chuan_sc_03 col-md-12 col-lg-12 col-sm-12 col-xs-12">
            <div class="wen_tp_01 col-md-12 col-lg-12 line_style_mobie">
                <span>营销方式</span>
                <span class="wen-tp-01-line"></span>
                <div class="left_lines">
                    <img src="../../assets/image/commom/left-line.png" />
                </div>
                <div class="right_lines">
                    <img src="../../assets/image/commom/right-line.png" />
                </div>
            </div>
            <div [class.wen_tp_03]="!isChoose" class="wen_tp_04 col-md-2 col-lg-2 col-sm-6 col-xs-6">
                <div (click)="ischoose1()" class="tup_img_01 b1">
                    <a><img src="../../assets/image/edit_game/hongbao_01.png" alt=""></a>
                    <a style="display: none"><img src="../../assets/image/edit_game/hongbao_02.png" alt=""></a>
                </div>
                <div>口令红包</div>
            </div>
            <div [class.wen_tp_03]="isChoose" class="wen_tp_04  col-md-2 col-lg-2 col-sm-6 col-xs-6">
                <div (click)="ischoose2()" class="tup_img_01 b2 tup-img-02-other">
                    <a><img src="../../assets/image/edit_game/fenxiang_01.png" alt=""></a>
                    <a style="display: none"><img src="../../assets/image/edit_game/fenxiang_02.png" alt=""></a>
                </div>
                <div>分享</div>
            </div>
        </div>
    </div>
    <!--营销方式结束-->

    <!--奖励方式开始-->
    <div [class.hide]="isChoose" class="row">
        <div class="chuan_sc_05 col-md-12 col-lg-12 col-sm-12 col-xs-12">
            <div class="wen_tp_01 col-md-12 col-lg-12 line_style_mobie">
                <span>奖励方式</span>
                <span class="wen-tp-01-line"></span>
                <div class="left_lines">
                    <img src="../../assets/image/commom/left-line.png" />
                </div>
                <div class="right_lines">
                    <img src="../../assets/image/commom/right-line.png" />
                </div>
            </div>
            <form  class="form-group col-md-4 col-lg-4 ">
                <label class="col-sm-3 col-md-4 col-lg-4 control-label">赢取奖励条件</label>
                <div class="mobie_input2">
                    <select id="winChange" (change)="changeWin()"  class="form-contro col-sm-9 col-md-8 col-lg-8 edit-game-select">
                        <option value="1">大于</option>
                        <option value="2">小于</option>
                        <option value="3">不等于</option>
                        <option value="0">等于</option>
                    </select>
                </div>
                <div style="clear:both;"></div>
                <div class="form-group">
                    <label class="col-sm-3 col-md-4 col-lg-4 control-label">红包个数</label>
                    <div class="col-sm-9 col-md-8 col-lg-8 mobie_input2">
                        <input type="text" class="form-control" placeholder="个数" [(ngModel)]="total" name="total">
                    </div>
                </div>
            </form>

            <form  class="form-group col-md-4 col-lg-4">
                <div class="form-group">
                    <label class="col-sm-3 col-md-4 col-lg-4 control-label">赢取奖励分值</label>
                    <div class="col-sm-9 col-md-8 col-lg-8 mobie_input2 gl">
                        <input type="text" class="form-control" placeholder="分数" [(ngModel)]="win_value" name="win_value">
                    </div>
                </div>
                <div style="clear:both;"></div>
                <div class="form-group">
                    <label class="col-sm-3 col-md-4 col-lg-4 control-label">红包总金额</label>
                    <div class="col-sm-9 col-md-8 col-lg-8 mobie_input2">
                        <input type="text" class="form-control" placeholder="总金额" [(ngModel)]="price" name="price">
                    </div>
                </div>
            </form>

            <form  class="form-group col-md-4 col-lg-4">
                <div class="form-group">
                    <label class="col-sm-3 col-md-4 col-lg-4 control-label">赢取奖励概率</label>
                    <div class="col-sm-9 col-md-8 col-lg-8 mobie_input2 ">
                        <input type="text" class="form-control" placeholder="概率" [(ngModel)]="win_odds" name="win_odds">
                    </div>
                </div>
                <div style="clear:both;"></div>
                <div class="form-group">
                    <label class="col-sm-3 col-md-3 col-lg-3 col-xs-12 control-label hb">红包金额</label>
                    <div class="mobie_input2">
                        <div class="col-sm-3 col-md-4 col-lg-4 col-xs-5 margin-left">
                            <input type="text" class="form-control" placeholder="0.01" [(ngModel)]="min_price" name="min_price">
                            <span class="line_pos">——</span>
                        </div>
                        <!--
                        <div class="col-sm-3 col-md-1 col-lg-1 col-xs-2 edit-game-line">
                            <span></span>
                        </div>
                        -->
                        <div class="col-sm-3 col-md-4 col-lg-4 col-xs-5 ps">
                            <input type="text" class="form-control" placeholder="100" [(ngModel)]="max_price" name="max_price">
                            <span class="word_pos">元</span>
                        </div>
                    </div>
                    <div style="clear:both;"></div>
                </div>
            </form>
            <div style="clear:both;"></div>
            <form  class="form-group col-md-4 col-lg-4">
                <div class="form-group">
                    <label class="col-sm-3 col-md-4 col-lg-4 control-label">口令设置</label>
                    <div class="col-sm-9 col-md-8 col-lg-8 mobie_input2">
                        <input type="text" class="form-control" placeholder="口令内容" [(ngModel)]="command" name="command">
                    </div>
                </div>
            </form>
            <form  class="form-group col-md-8 col-lg-8">
                <div class="form-group">
                    <label class="col-sm-3 col-md-2 col-lg-2 control-label">祝福语</label>
                    <div class="col-sm-9 col-md-10 col-lg-10 padding-pp mobie_input2">
                        <input type="text" class="form-control edit-game-wish" placeholder="祝福语" [(ngModel)]="wishing" name="wishing">
                    </div>
                </div>
            </form>
        </div>
    </div>
    <button type="button" class="btn btn-primary btn-lg btn-block" (click)="setProject()">确认修改</button>
</div>
</div>
<app-footer></app-footer>